<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*
         1. 必须设置content 属性
         2. 伪元素默认是行内元素, 宽高不生效
         ::before 在父元素内容最前添加一个伪元素
         ::after 在父元素内容最后添加一个伪元素
         */
        .father {
            width: 300px;
            height: 300px;
            background-color: #ff8500;
        }

        .father::before {
            /*添加的内容元素*/
            content: "老鼠";
            font-size: 20px;
            color: #cccccc;
            width: 100px;
            height: 100px;
            background-color: blue;
            display: inline-block;
        }

        .father::after {
            content: "大米";
        }
    </style>
</head>
<body>
<!--通过css 创建标签-->
<div class="father">love</div>
<!--老鼠爱大米-->
</body>
</html>